/* Grid.CSS Limitless Framework */
/* This is for the grid styling and function features. */
/* There are 12/16 fixed and fluid plus a common fluid system. */
/* Note: This system does not use push/pulls due to the fact its not needed. */

/* Grid System inspired by 960.gs Grid System */

/* Grid Containers for Grid 960px 12/16 Fixed Columns */

.container_12,
.container_16  { 
	margin-left: auto;
	margin-right: auto; 
	width: 960px; 
}

/* First/Last Grid Markers Fixed or Fluid */

.grid_first	{ margin-left: 0 !important; }
.grid_last	{ margin-right: 0 !important; }

/* Prefix/Suffix Global Fix */

.prefix_1, .suffix_1,
.prefix_2, .suffix_2,
.prefix_3, .suffix_3,
.prefix_4, .suffix_4,
.prefix_5, .suffix_5,
.prefix_6, .suffix_6,
.prefix_7, .suffix_7,
.prefix_8, .suffix_8,
.prefix_9, .suffix_9,
.prefix_10, .suffix_10,
.prefix_11, .suffix_11,
.prefix_12, .suffix_12,
.prefix_13, .suffix_13,
.prefix_14, .suffix_14,
.prefix_15, .suffix_15 {
  position: relative;
}

/* Fixed Grid 960px 12 Column */

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_1	{  width: 60px;  }
.container_12 .grid_2	{  width: 140px; }
.container_12 .grid_3	{  width: 220px; }
.container_12 .grid_4	{  width: 300px; }
.container_12 .grid_5	{  width: 380px; }
.container_12 .grid_6	{  width: 460px; }
.container_12 .grid_7	{  width: 540px; }
.container_12 .grid_8	{  width: 620px; }
.container_12 .grid_9 	{  width: 700px; }
.container_12 .grid_10	{  width: 780px; }
.container_12 .grid_11	{  width: 860px; }
.container_12 .grid_12	{  width: 940px; }

/* Fixed Grid 960px 12 Column Prefix/Suffix */

.container_12 .suffix_1		{ padding-right: 80px;		}
.container_12 .suffix_2		{ padding-right: 160px;		}
.container_12 .suffix_3		{ padding-right: 240px;		}
.container_12 .suffix_4		{ padding-right: 320px;		}
.container_12 .suffix_5		{ padding-right: 400px;		}
.container_12 .suffix_6		{ padding-right: 480px;		}
.container_12 .suffix_7		{ padding-right: 560px;		}
.container_12 .suffix_8		{ padding-right: 640px;		}
.container_12 .suffix_9		{ padding-right: 720px;		}
.container_12 .suffix_10		{ padding-right: 800px;		}
.container_12 .suffix_11		{ padding-right: 880px;		}

.container_12 .prefix_1		{ padding-left: 80px;		}
.container_12 .prefix_2		{ padding-left: 160px;		}
.container_12 .prefix_3		{ padding-left: 240px;		}
.container_12 .prefix_4		{ padding-left: 320px;		}
.container_12 .prefix_5		{ padding-left: 400px;		}
.container_12 .prefix_6		{ padding-left: 480px;		}
.container_12 .prefix_7		{ padding-left: 560px;		}
.container_12 .prefix_8		{ padding-left: 640px;		}
.container_12 .prefix_9		{ padding-left: 720px;		}
.container_12 .prefix_10		{ padding-left: 800px;		}
.container_12 .prefix_11		{ padding-left: 880px;		}

/* Fixed Grid 960px 16 Column */

.container_16 .grid_1,
.container_16 .grid_2,
.container_16 .grid_3,
.container_16 .grid_4,
.container_16 .grid_5,
.container_16 .grid_6,
.container_16 .grid_7,
.container_16 .grid_8,
.container_16 .grid_9,
.container_16 .grid_10,
.container_16 .grid_11,
.container_16 .grid_12,
.container_16 .grid_13,
.container_16 .grid_14,
.container_16 .grid_15,
.container_16 .grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_16 .grid_1	{  width: 40px;  }
.container_16 .grid_2	{  width: 100px; }
.container_16 .grid_3	{  width: 160px; }
.container_16 .grid_4	{  width: 220px; }
.container_16 .grid_5	{  width: 280px; }
.container_16 .grid_6	{  width: 340px; }
.container_16 .grid_7	{  width: 400px; }
.container_16 .grid_8	{  width: 460px; }
.container_16 .grid_9 	{  width: 520px; }
.container_16 .grid_10	{  width: 580px; }
.container_16 .grid_11	{  width: 640px; }
.container_16 .grid_12	{  width: 700px; }
.container_16 .grid_13	{  width: 760px; }
.container_16 .grid_14	{  width: 820px; }
.container_16 .grid_15	{  width: 880px; }
.container_16 .grid_16	{  width: 940px; }

/* Fixed Grid 960px 16 Column Prefix/Suffix */

.container_16 .suffix_1		{ padding-right: 60px;		}
.container_16 .suffix_2		{ padding-right: 120px;		}
.container_16 .suffix_3		{ padding-right: 180px;		}
.container_16 .suffix_4		{ padding-right: 240px;		}
.container_16 .suffix_5		{ padding-right: 300px;		}
.container_16 .suffix_6		{ padding-right: 360px;		}
.container_16 .suffix_7		{ padding-right: 420px;		}
.container_16 .suffix_8		{ padding-right: 480px;		}
.container_16 .suffix_9		{ padding-right: 540px;		}
.container_16 .suffix_10		{ padding-right: 600px;		}
.container_16 .suffix_11		{ padding-right: 660px;		}
.container_16 .suffix_12		{ padding-right: 720px;		}
.container_16 .suffix_13		{ padding-right: 780px;		}
.container_16 .suffix_14		{ padding-right: 840px;		}
.container_16 .suffix_15		{ padding-right: 900px;		}

.container_16 .prefix_1		{ padding-left: 60px;		}
.container_16 .prefix_2		{ padding-left: 120px;		}
.container_16 .prefix_3		{ padding-left: 180px;		}
.container_16 .prefix_4		{ padding-left: 240px;		}
.container_16 .prefix_5		{ padding-left: 300px;		}
.container_16 .prefix_6		{ padding-left: 360px;		}
.container_16 .prefix_7		{ padding-left: 420px;		}
.container_16 .prefix_8		{ padding-left: 480px;		}
.container_16 .prefix_9		{ padding-left: 540px;		}
.container_16 .prefix_10		{ padding-left: 600px;		}
.container_16 .prefix_11		{ padding-left: 660px;		}
.container_16 .prefix_12		{ padding-left: 720px;		}
.container_16 .prefix_13		{ padding-left: 780px;		}
.container_16 .prefix_14		{ padding-left: 840px;		}
.container_16 .prefix_15		{ padding-left: 900px;		}

/* Browser Fixes for Grid 12/16 Fixed */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
	clear: both;
}

.clearfix,
.container_12 {
  zoom: 1;
}

/* Grid Containers for Grid 12/16 Fluid Columns */

.container_12p .container_16p  { margin-left: 4%; margin-right: 4%; width: 92%; }

/* Fluid Grid 12 Column */

.container_12p .grid_1,
.container_12p .grid_2,
.container_12p .grid_3,
.container_12p .grid_4,
.container_12p .grid_5,
.container_12p .grid_6,
.container_12p .grid_7,
.container_12p .grid_8,
.container_12p .grid_9,
.container_12p .grid_10,
.container_12p .grid_11,
.container_12p .grid_12{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.container_12p .grid_1	{  width: 6.333%;  	}
.container_12p .grid_2	{  width: 14.666%; 	}
.container_12p .grid_3	{  width: 23%; 		}
.container_12p .grid_4	{  width: 31.333%; 	}
.container_12p .grid_5	{  width: 39.666%; 	}
.container_12p .grid_6	{  width: 48%;		}
.container_12p .grid_7	{  width: 56.333%;	}
.container_12p .grid_8	{  width: 64.666%; 	}
.container_12p .grid_9 	{  width: 73%; 		}
.container_12p .grid_10	{  width: 81.333%; 	}
.container_12p .grid_11	{  width: 89.666%; 	}
.container_12p .grid_12	{  width: 98%; 		}

/* Fluid Grid 12 Prefix/Suffix */

.container_12p .suffix_1		{ padding-right: 8.333%;	}
.container_12p .suffix_2		{ padding-right: 16.666%;	}
.container_12p .suffix_3		{ padding-right: 25%;		}
.container_12p .suffix_4		{ padding-right: 33.333%;	}
.container_12p .suffix_5		{ padding-right: 41.666%;	}
.container_12p .suffix_6		{ padding-right: 50%;		}
.container_12p .suffix_7		{ padding-right: 58.333%;	}
.container_12p .suffix_8		{ padding-right: 66.666%;	}
.container_12p .suffix_9		{ padding-right: 75%;		}
.container_12p .suffix_10	{ padding-right: 83.333%;	}
.container_12p .suffix_11	{ padding-right: 91.666%;	}

.container_12p .prefix_1		{ padding-left: 8.333%;		}
.container_12p .prefix_2		{ padding-left: 16.666%;	}
.container_12p .prefix_3		{ padding-left: 25%;		}
.container_12p .prefix_4		{ padding-left: 33.333%;	}
.container_12p .prefix_5		{ padding-left: 41.666%;	}
.container_12p .prefix_6		{ padding-left: 50%;		}
.container_12p .prefix_7		{ padding-left: 58.333%;	}
.container_12p .prefix_8		{ padding-left: 66.666%;	}
.container_12p .prefix_9		{ padding-left: 75%;		}
.container_12p .prefix_10	{ padding-left: 83.333%;	}
.container_12p .prefix_11	{ padding-left: 91.666%;	}

/* Fluid Grid 16 Column */

.container_16p .grid_1,
.container_16p .grid_2,
.container_16p .grid_3,
.container_16p .grid_4,
.container_16p .grid_5,
.container_16p .grid_6,
.container_16p .grid_7,
.container_16p .grid_8,
.container_16p .grid_9,
.container_16p .grid_10,
.container_16p .grid_11,
.container_16p .grid_12,
.container_16p .grid_13,
.container_16p .grid_14,
.container_16p .grid_15,
.container_16p .grid_16 {
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.container_16p .grid_1	{  width: 4.25%;  	}
.container_16p .grid_2	{  width: 10.5%; 	}
.container_16p .grid_3	{  width: 16.75%; 	}
.container_16p .grid_4	{  width: 23%; 		}
.container_16p .grid_5	{  width: 29.25%; 	}
.container_16p .grid_6	{  width: 35.5%; 	}
.container_16p .grid_7	{  width: 41.75%; 	}
.container_16p .grid_8	{  width: 48%; 		}
.container_16p .grid_9 	{  width: 54.25%; 	}
.container_16p .grid_10	{  width: 60.5%; 	}
.container_16p .grid_11	{  width: 66.75%; 	}
.container_16p .grid_12	{  width: 73%; 		}
.container_16p .grid_13	{  width: 79.25%; 	}
.container_16p .grid_14	{  width: 85.5%; 	}
.container_16p .grid_15	{  width: 91.75%; 	}
.container_16p .grid_16	{  width: 98%; 		}

/* Fluid Grid 16 Prefix/Suffix */

.container_16p .suffix_1		{ padding-right: 6.25%;		}
.container_16p .suffix_2		{ padding-right: 16.5%;		}
.container_16p .suffix_3		{ padding-right: 18.75%;	}
.container_16p .suffix_4		{ padding-right: 25%;		}
.container_16p .suffix_5		{ padding-right: 31.25%;	}
.container_16p .suffix_6		{ padding-right: 37.5%;		}
.container_16p .suffix_7		{ padding-right: 43.75%;	}
.container_16p .suffix_8		{ padding-right: 50%;		}
.container_16p .suffix_9		{ padding-right: 56.25%;	}
.container_16p .suffix_10	{ padding-right: 62.5%;		}
.container_16p .suffix_11	{ padding-right: 68.75%;	}
.container_16p .suffix_12	{ padding-right: 75%;		}
.container_16p .suffix_13	{ padding-right: 81.25%;	}
.container_16p .suffix_14	{ padding-right: 87.5%;		}
.container_16p .suffix_15	{ padding-right: 93.75%;	}

.container_16p .prefix_1		{ padding-left: 6.25%;	}
.container_16p .prefix_2		{ padding-left: 12.5%;	}
.container_16p .prefix_3		{ padding-left: 18.75%;	}
.container_16p .prefix_4		{ padding-left: 25%;	}
.container_16p .prefix_5		{ padding-left: 31.25%;	}
.container_16p .prefix_6		{ padding-left: 37.5%;	}
.container_16p .prefix_7		{ padding-left: 43.75%;	}
.container_16p .prefix_8		{ padding-left: 50%;	}
.container_16p .prefix_9		{ padding-left: 56.25%;	}
.container_16p .prefix_10	{ padding-left: 62.5%;	}
.container_16p .prefix_11	{ padding-left: 68.75%;	}
.container_16p .prefix_12	{ padding-left: 75%;	}
.container_16p .prefix_13	{ padding-left: 81.25%;	}
.container_16p .prefix_14	{ padding-left: 87.5%;	}
.container_16p .prefix_15	{ padding-left: 93.75%;	}

/* Common Fluid Columns */

.container_column 	{ display:table; width:100%;}
.column_left 		{ float:left; width:20%; 	}
.column_center 		{ width:auto; }
.column_right 		{ float:right; width:20%; 	}

.column_20			{ width:20%; 	}
.column_25			{ width:25%; 	}
.column_33			{ width:33.333%;}
.column_40			{ width:40%; 	}
.column_50			{ width:50%; 	}
.column_60			{ width:60%; 	}
.column_66			{ width:66.666%;}
.column_75			{ width:75%; 	}
.column_80			{ width:80%;	}
